/*@import url(http://fonts.googleapis.com/css?family=PT+Sans);*/
/*@import url(http://fonts.googleapis.com/css?family=Averia+Libre);*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Bitter);

@path: '../img/';
@heading-color: #363636;
@link-hover: #E98F5A;
@link-normal: #1F618B;
@body-color: black;
@border-color: #CCCCCC;
@border-color-dark: #DDDDDD;
@grey-text: #616161;
@light-gray-bg: #F3F3F3;
@normalfont: 'Open Sans', sans-serif;
@titlefont: 'Bitter', serif;
@menufont: @titlefont;
@code-red: #DD1144;
@code-bg: #E7ECEE;
@blue-bg: #EDEFF4;
@blue-border: #D8DFEA;

a:link, a:visited {
  color: @link-normal;
}
a:hover, a:active {
  color: @link-hover;
}

/** SPECIAL CLASSES **/
.link-hover-border-bottom {
  border-bottom: 1px dotted @border-color;
}
.get-image {
  padding: 5px;
  background-color: @border-color-dark;
  border: 1px solid @border-color;
  margin-bottom: 5px;
}
.get-image-container {
  width: 100%;
  text-align: center;
  p {
    padding: 0px;
    margin: 0 0 1em 0;
    text-align: center;
    font-size: 90%;
    color: @heading-color;
  }
}
.image-text, .image-text a {
  background-repeat: no-repeat;
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}

/** DECLARATIONS **/
.font-size-default {font-size: 13px;}

/** GLOBAL **/
body, p {
  font-family: @normalfont;
  .font-size-default;
  color: @body-color;
  text-spacing: 2px;
}

h1, h2, h3, h4, h5, h6 {
  color: @heading-color;
  font-family: @titlefont;
  line-height: 1.2em;
}
h1 {font-size: 1.6em;}
h2 {
  font-size: 1.7em;
  line-height: 1em;
  margin: 0 0 0 0;
}
h3 {
  font-size: 1.3em;
}

/** HEAD **/
.logo a{
  color: @heading-color;
  font-size: 4em;
  font-family: @menufont;
}

/** MENU **/
.menu {
  font-family: @menufont;
  ul {padding: 0 0 0 14px;}
  ul li {
    float: left;
    margin-right: .5em;
    font-size: 20px;
    line-height: 1.5em;
  }
  a {
    padding: .2em;
  }
  a.active, a:hover {
    border-top: 2px solid @link-hover;
  }
}

/** SOCIAL ICONS **/
#social-icons {
  ul li {
    float: left;
    a {
      padding: 25px;
      background-image: url("@{path}sprite-sheet.png");
      background-repeat: no-repeat;
      padding: 15px 20px 15px 20px;
      margin-right: 20px;
    }
  }
  li.git a{
    background-position: 0px 0px;
  }
  li.twitter a{
    background-position: 0px -50px;
  }
  li.rss a {
    background-position: 0px -100px;
  }
}

/** CONTENT CONTAINER **/
.content-container {
  border-right: 1px solid @border-color;
}

/** NODE STYLE **/
.nodes {
  .node-wrapper {
    clear: both;
    padding: 10px 0;
  }
  .node-wrapper.teaser {
    border-bottom: 1px solid @border-color;
    padding: 10px;
  }
  .node-wrapper.teaser.last {
    border-bottom: none;
  }
  .node-wrapper.node-full {
    a:link,
    a:hover,
    a:active,
    a:visited {
      .link-hover-border-bottom;
    }
    padding: 15px;
    .node-title {line-height: 1.5em;}
    .body-content h2{
      .link-hover-border-bottom;
      padding-bottom: 5px;
      padding-top: 20px;
    }
  }
  .node-title {
    margin-bottom: 10px;
    a:active, a:link, a:visited {
      color: @heading-color;
    }
    a:hover {color: @link-hover;}
  }
  .meta-data {
    background-color: @light-gray-bg;
    color: @grey-text;
    margin-bottom: 5px;
    padding: 2px 5px;
  }
  .terms {
    ul {padding: 0 0 0 0; margin: 0 0 0 1em;}
    ul li {
      float: left;
      margin-right: 5px;
    }
  }
  .code-link {
    background-color: @code-bg;
    p {
      padding: 2px;
    }
    a:link, a:active, a:visited, a:hover {
      color: @code-red;
    }
  }
  .note {
    font-style: italic;
    background-color: @light-gray-bg;
    opacity: 0.7;
    p {
      padding: 1px;
    }
  }
}

.page-pagination {
  text-align: center;
  a {
    text-transform: uppercase;
  }
  a, strong {
    margin-right: 1em;
  }
  margin-bottom: 1.2em;
}

.comment-container {
  padding: 10px;
}

/** SIDEBAR **/
#sidebar-container {
  h3 {
    border-bottom: 1px dotted @border-color;
    margin: 1em 0 .5em 0;
    padding: 0 0 .5em 0;
  }
  a:hover, a.active {
    .link-hover-border-bottom;
  }
  ul {
    padding: 0;
    li {
      padding-left: 10px;
      background: url("../img/list_item_marker.png") no-repeat scroll 0px 6px transparent;
    }
  }
  #myinfo-container {
    font-size: 0.8em;
    margin-bottom: 20px;
    span.name {font-size: 0.9em; font-weight: bold;}
    span.img {
      padding-right: 5px;
    }
    .info-container {
      margin-top: -4px;
    }
  }
  #subscriber-wrapper {
    a {
      border-bottom: 1px solid #c6c6c6;
      outline: none;
    }
    #subscribe-button {
      padding: 0 6px;
    }
    input {
      width: 166px;
      padding: 8px 6px 8px 6px;
      border: 1px solid #b9b9b9;
      margin-right: 10px;
      color: rgb(151, 146, 146);
    }
  }
}

/** FOOTER **/
#footer {
  /*border-top: 1px solid @border-color;*/
  padding-top: 2em;
  #site-logo {
    width: 300px;
    height: 80px;
    background-image: url("@{path}sprite-sheet.png");
    background-repeat: no-repeat;
    background-position: 0 -150px;
  }
}
#ajax-loading {
  padding: 10px;
  margin: 25px auto 0 auto;
  width: 30%;
  background-color: @blue-bg;
  border: 1px solid @blue-border;
  text-align: center;
  img {
    cursor: pointer;
  }
}
/* Media queries */
@media (max-width: 800px) {
  .content-container {
    border-right: 0;
  }
}